<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="Cache-Control" content="no-transform" />
	<meta name="applicable-device" content="pc,mobile" />
	<meta name="robots" content="noarchive">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta name="renderer" content="webkit">
	<title>新闻中心</title>
	<link rel="stylesheet" href="../../css/reset.css">
	<link rel="stylesheet" href="../../css/common.css">
	<link rel="stylesheet" href="../../css/main.css">
	<link rel="stylesheet" href="../../css/jquery.fullPage.css">
	<link rel="stylesheet" href="../../css/idangerous.swiper.css">
	<script src="../../js/jquery-1.7.2.js"></script>
	<script src="../../js/jquery.fullPage.js"></script>
	<script src="../../js/idangerous.swiper.min.js"></script>
	<script src="../../js/common.js"></script>
</head>
<style>
	.page4 .page-content .list-box .news-list li {
		/* height: 151px; */
		/* overflow: hidden; */
		background: #fff;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		padding: 2% 3%;
		color: #969696;
		border-bottom: 1px solid rgba(229, 229, 229, 0.5);
	}

	.page4 {
		height: 100%;
		padding-top: 10%;
		min-height: 75px;
	}

	.page4 .page-content {
		position: static;
		top: auto;
		width: 100%;
		padding: 0 15%;
	}

	.page4 .page-content .list-box {
		margin-bottom: 80px;
	}

	.page4 .page-content h2 .more-link {
		position: relative;
		z-index: 1000;
	}

	@media (max-width: 1200px) {
		.page4 .page-content .list-box .news-list li {
			height: auto;
			/* -webkit-transform: translateY(50%);
			transform: translateY(50%); */
		}

		.page4 {
			padding-top: 1%;
		}

		.page4 .page-content {
			width: 92%;
			margin: 0 auto;
			padding: 0;
			padding-top: 100px;
		}
	}
</style>

<body>
	<header></header>
	<div id="fullPage clearfix" style="background-image: url(../../img/banner4.jpg);">
		<div class="section clearfix product-container">
			<div class="page4 clearfix">
				<div class="banner-bg"></div>
				<div class="page-content">
					<h2>新闻中心
						<div class="more-link"><a href="index.html" target="_blank"><span
									class="more">more</span><img src="../../img/greenarr.png" class="jiantou"></a></div>
					</h2>
					<p class="our-products">INFORMATION CENTER</p>
					<div class="list-box clearfix">
						<div class="swiper-box fl">
							<div class="swiper-container">
								<a class="arrow-left" href="#"></a>
								<a class="arrow-right" href="#"></a>
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<div class="banner-bg" style="background-image: url(../../img/banner1.jpg);">
										</div>
										<div class="desc-link">
											<a href="news.html">
												<p>2020.05.20</p>
												<div>王守义十三香被认定为农业产业化国家重点龙头企业</div>
											</a>
										</div>
									</div>
									<div class="swiper-slide">
										<div class="banner-bg" style="background-image: url(../../img/banner2.jpg);">
										</div>
										<div class="desc-link">
											<a href="news.html">
												<p>2020.05.20</p>
												<div>王守义十三香被认定为农业产业化国家重点龙头企业</div>
											</a>
										</div>
									</div>

								</div>
								<div class="swiper-pagination"></div>
							</div>
						</div>
						<ul class="news-list fl">
							<li>
								<a href="news.html">
									<div class="cover">
										<img src="../../img/li1.png">
									</div>
									<div class="detail">
										<p>王守义十三香结缘“金砖”，让世界爱上中国味道</p>
										<div class="time">2020.05.20</div>
										<div class="content">
											厦门金砖会议圆满结束，开启第二个“金色十年”的共识将影响深远。中国智慧引领未来、中国方案倍受赞赏、中国味道弥满宴会大厅。</div>
									</div>
								</a>
							</li>
							<li>
								<a href="news.html">
									<div class="cover">
										<img src="../../img/li1.png">
									</div>
									<div class="detail">
										<p>关省委老干部局老干部莅临十三香集团 </p>
										<div class="time">2020.05.20</div>
										<div class="content">5月25日上午，省委老干部局老干部一行莅临十三香集团，关心和察看企业发展情况。驻马店市驿城区区委书记贾迎战等领导欢迎
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="news.html">
									<div class="cover">
										<img src="../../img/li1.png">
									</div>
									<div class="detail">
										<p>驻豫全国人大代表专题调研团 莅临王守义十三香集团进行调研</p>
										<div class="time">2020.05.20</div>
										<div class="content">
											艳阳高照，碧空蓝天。2017年5月10日上午8时10分，驻豫全国人大代表专题调研团来到驻马店市王守义十三香调味品集团有限公司进行调研。</div>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="section fp-auto-height">
			<footer></footer>
		</div>
	</div>

	<script>
		$(function () {
			$('header').load('../../template/header.html')
			$('footer').load('../../template/footer.html')
			setBannerFullscreen( '.product-container');
			// $('#fullPage').fullpage({
			// 	anchors: ['page4', 'page5'],
			// 	onLeave: function (index, nextIndex, direction) {
			// 		if (nextIndex == 5 || nextIndex == 4) {
			// 			$("#fullPage .section:eq(3)").addClass("active4");
			// 		} else {
			// 			$("#fullPage .section:eq(3)").removeClass("active4");
			// 		}
			// 	}
			// });
			// $("#fullPage .section:eq(0)").addClass("active");
			var navigation = {}, pagination = '.swiper-pagination'
			var viewSwiper = new Swiper('.page1 .swiper-container', {
				autoplay: 2000,
				visibilityFullFit: true,
				speed: 500,
				loop: true,
				// grabCursor: true,
				pagination: '.swiper-pagination',
				paginationClickable: true,
				autoplayDisableOnInteraction: false,
				mousewheelControl: true
			})
			$('.page1 .arrow-left').click(function (e) {
				e.preventDefault();
				viewSwiper.swipePrev();
				console.log(1111)
			});
			$('.page1 .arrow-right').click(function (e) {
				e.preventDefault();
				viewSwiper.swipeNext();
			});
			function page2Init() {
				var slidesPerView = 4

				if ($(window).width() > 1280) {
					slidesPerView = 4
				} else if ($(window).width() > 640) {
					slidesPerView = 2
				} else {
					// phone
					slidesPerView = 1
				}

				var thumbsSwiper = new Swiper('.page2 .x-slide', {
					spaceBetween: 10,
					slidesPerView: slidesPerView,
					watchSlidesVisibility: true,//防止不可点击
					freeMode: true,
					watchSlidesProgress: true,
				})
				var viewSwiper2 = new Swiper('.page2 .swiper-container', {
					autoplay: 1000,
					visibilityFullFit: true,
					speed: 1500,
					loop: true,
					grabCursor: true,
					spaceBetween: 10,
					pagination: pagination,
					paginationClickable: true,
					thumbs: {
						swiper: thumbsSwiper,
					}
				})
			}
			page2Init()
			$(window).resize(function () {
				page2Init()
			});

			var viewSwiper = new Swiper('.swiper-box .swiper-container', {
				autoplay: 1000,
				visibilityFullFit: true,
				speed: 1500,
				loop: true,
				grabCursor: true,
				pagination: pagination,
				paginationClickable: true
			})
		});
	</script>
</body>

</html>